<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>矩形计算器</title>
    <style>
        label {
            display: inline-block;
            width: 50px;
            height:30px;
        }
    </style>
</head>
<body>
    <form>
        <label>宽度：</label>
        <input type="text" name="width"/>
        <br />
        <label>高度：</label>
        <input type="text" name="height"/>
        <br />
        <label> </label>
        <input type="button" value="计算"/>
        <br />
        <label>周长：</label>
        <input type="text" name="perimeter" disabled/>
        <br />
        <label>面积：</label>
        <input type="text" name="area" disabled/>
        <br />
    </form>
  <script src="all-in-one.js"></script>
</body>
</html>